<template>
	<div class="indexbox">
		<div class="seabox" style="margin: 15px auto;width: 70%;">
			<el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
				<!--     <el-select v-model="select" slot="prepend" placeholder="请选择">
	        <el-option label="餐厅名" value="1"></el-option>
	        <el-option label="订单号" value="2"></el-option>
	        <el-option label="用户电话" value="3"></el-option>
	      </el-select> -->
				<el-button slot="append" icon="el-icon-search"></el-button>
			</el-input>
		</div>
		<el-table :data="tableData" border style="width: 100%">
			<el-table-column prop="irUrlTitle" align="center" label="标题" width="180">
			</el-table-column>
			<el-table-column prop="irUrlTitle" label="正文" width="180" align="center">
			</el-table-column>
			<el-table-column prop="irUrlName" label="访问链接" align="center">
			</el-table-column>
				

			<el-table-column label="情感标签" align="center">
<template #default="scope">
				<el-select v-model="scope.row.love" placeholder="请选择">
					<el-option v-for="item in loveLablelist" :key="item.label" :label="item.label" :value="item.label">
					</el-option>
				</el-select>
 </template>
			</el-table-column>
			<el-table-column label="地址标签" align="center">
<template #default="scope">
				<el-select v-model="scope.row.localLabedata" placeholder="请选择">
					<el-option v-for="item in localLabellist" :key="item.label" :label="item.label" :value="item.label">
					</el-option>
				</el-select>
 </template>
			</el-table-column>
			<el-table-column label="领域标签" align="center">
 <el-cascader
    v-model="value"
    :options="lingyulist"
    @change="handleChange" placeholder="请选择"></el-cascader>
			<!-- 	<el-select v-model="value" placeholder="请选择">
					<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>
				<el-select v-model="value" placeholder="请选择">
					<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select> -->

			</el-table-column>
			
		</el-table>

	</div>
</template>

<script>
	import { scpush } from "@/api/index"
	export default {
		data() {
			return {
				 lingyulist: [{
				          value: 'zhinan',
				          label: '指南',
				          children: [{
				            value: 'shejiyuanze',
				            label: '设计原则',
				            children: [{
				              value: 'yizhi',
				              label: '一致'
				            }, {
				              value: 'fankui',
				              label: '反馈'
				            }, {
				              value: 'xiaolv',
				              label: '效率'
				            }, {
				              value: 'kekong',
				              label: '可控'
				            }]
				          }, {
				            value: 'daohang',
				            label: '导航',
				            children: [{
				              value: 'cexiangdaohang',
				              label: '侧向导航'
				            }, {
				              value: 'dingbudaohang',
				              label: '顶部导航'
				            }]
				          }]
				        }, {
				          value: 'zujian',
				          label: '组件',
				          children: [{
				            value: 'basic',
				            label: 'Basic',
				            children: [{
				              value: 'layout',
				              label: 'Layout 布局'
				            }, {
				              value: 'color',
				              label: 'Color 色彩'
				            }, {
				              value: 'typography',
				              label: 'Typography 字体'
				            }, {
				              value: 'icon',
				              label: 'Icon 图标'
				            }, {
				              value: 'button',
				              label: 'Button 按钮'
				            }]
				          }, {
				            value: 'form',
				            label: 'Form',
				            children: [{
				              value: 'radio',
				              label: 'Radio 单选框'
				            }, {
				              value: 'checkbox',
				              label: 'Checkbox 多选框'
				            }, {
				              value: 'input',
				              label: 'Input 输入框'
				            }, {
				              value: 'input-number',
				              label: 'InputNumber 计数器'
				            }, {
				              value: 'select',
				              label: 'Select 选择器'
				            }, {
				              value: 'cascader',
				              label: 'Cascader 级联选择器'
				            }, {
				              value: 'switch',
				              label: 'Switch 开关'
				            }, {
				              value: 'slider',
				              label: 'Slider 滑块'
				            }, {
				              value: 'time-picker',
				              label: 'TimePicker 时间选择器'
				            }, {
				              value: 'date-picker',
				              label: 'DatePicker 日期选择器'
				            }, {
				              value: 'datetime-picker',
				              label: 'DateTimePicker 日期时间选择器'
				            }, {
				              value: 'upload',
				              label: 'Upload 上传'
				            }, {
				              value: 'rate',
				              label: 'Rate 评分'
				            }, {
				              value: 'form',
				              label: 'Form 表单'
				            }]
				          }, {
				            value: 'data',
				            label: 'Data',
				            children: [{
				              value: 'table',
				              label: 'Table 表格'
				            }, {
				              value: 'tag',
				              label: 'Tag 标签'
				            }, {
				              value: 'progress',
				              label: 'Progress 进度条'
				            }, {
				              value: 'tree',
				              label: 'Tree 树形控件'
				            }, {
				              value: 'pagination',
				              label: 'Pagination 分页'
				            }, {
				              value: 'badge',
				              label: 'Badge 标记'
				            }]
				          }, {
				            value: 'notice',
				            label: 'Notice',
				            children: [{
				              value: 'alert',
				              label: 'Alert 警告'
				            }, {
				              value: 'loading',
				              label: 'Loading 加载'
				            }, {
				              value: 'message',
				              label: 'Message 消息提示'
				            }, {
				              value: 'message-box',
				              label: 'MessageBox 弹框'
				            }, {
				              value: 'notification',
				              label: 'Notification 通知'
				            }]
				          }, {
				            value: 'navigation',
				            label: 'Navigation',
				            children: [{
				              value: 'menu',
				              label: 'NavMenu 导航菜单'
				            }, {
				              value: 'tabs',
				              label: 'Tabs 标签页'
				            }, {
				              value: 'breadcrumb',
				              label: 'Breadcrumb 面包屑'
				            }, {
				              value: 'dropdown',
				              label: 'Dropdown 下拉菜单'
				            }, {
				              value: 'steps',
				              label: 'Steps 步骤条'
				            }]
				          }, {
				            value: 'others',
				            label: 'Others',
				            children: [{
				              value: 'dialog',
				              label: 'Dialog 对话框'
				            }, {
				              value: 'tooltip',
				              label: 'Tooltip 文字提示'
				            }, {
				              value: 'popover',
				              label: 'Popover 弹出框'
				            }, {
				              value: 'card',
				              label: 'Card 卡片'
				            }, {
				              value: 'carousel',
				              label: 'Carousel 走马灯'
				            }, {
				              value: 'collapse',
				              label: 'Collapse 折叠面板'
				            }]
				          }]
				        }, {
				          value: 'ziyuan',
				          label: '资源',
				          children: [{
				            value: 'axure',
				            label: 'Axure Components'
				          }, {
				            value: 'sketch',
				            label: 'Sketch Templates'
				          }, {
				            value: 'jiaohu',
				            label: '组件交互文档'
				          }]
				        }],
				input3: "",
				loveLablelist:[
					{
							label: '正面'
						},
						{
								label: '中性'
							},{
						label: '负面'
					},
				],
				localLabellist: [{
						label: '济南'
					},
					{
						label: '历下区'
					}, {
						label: '市中区'
					}, {
						label: '槐荫区'
					}, {
						label: '天桥区'
					}, {
						label: '历城区'
					}, {
						label: '长清区'
					}, {
						label: '章丘区'
					}, {
						label: '济阳区'
					}, {
						label: '莱芜区'
					}, {
						label: '钢城区'
					}, {
						label: '平阴县'
					}, {
						label: '商河县'
					}, {
						label: '高新区'
					}, {
						label: '南部山区'
					}, {
						label: '起步区'
					}
				],
				options: [{
					value: '选项1',
					label: '黄金糕'
				}, {
					value: '选项2',
					label: '双皮奶'
				}, {
					value: '选项3',
					label: '蚵仔煎'
				}, {
					value: '选项4',
					label: '龙须面'
				}, {
					value: '选项5',
					label: '北京烤鸭'
				}],
				value: '',
				tableData: [{
					date: '2016-05-02',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄',
					localLabedata:'1',
					love:'正面'
				}, {
					date: '2016-05-04',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1517 弄',
					localLabedata:'2',
					love:'正面'
				}, {
					date: '2016-05-01',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1519 弄',
					localLabedata:'',
					love:'正面'
				}, {
					date: '2016-05-03',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1516 弄',
					localLabedata:'',
					love:'正面'
				}]
			}
		},
		methods:{
			handleChange(e){
		
			},
			getlist(){
				scpush().then(() => {
				  // this.$router.push({ path: this.redirect || "/" }).catch(()=>{})
				}).catch(() => {
				  this.loading = false
				  if (this.captchaEnabled) {
				    // this.getCode()
				  }
				})
			}
		},
		created() {
		this.getlist()
		}
	}
</script>

<style scoped lang="scss">
	.seabox input {
		height: 60px;
	}

	.home {
		blockquote {
			padding: 10px 20px;
			margin: 0 0 20px;
			font-size: 17.5px;
			border-left: 5px solid #eee;
		}

		hr {
			margin-top: 20px;
			margin-bottom: 20px;
			border: 0;
			border-top: 1px solid #eee;
		}

		.col-item {
			margin-bottom: 20px;
		}

		ul {
			padding: 0;
			margin: 0;
		}

		font-family: "open sans",
		"Helvetica Neue",
		Helvetica,
		Arial,
		sans-serif;
		font-size: 13px;
		color: #676a6c;
		overflow-x: hidden;

		ul {
			list-style-type: none;
		}

		h4 {
			margin-top: 0px;
		}

		h2 {
			margin-top: 10px;
			font-size: 26px;
			font-weight: 100;
		}

		p {
			margin-top: 10px;

			b {
				font-weight: 700;
			}
		}

		.update-log {
			ol {
				display: block;
				list-style-type: decimal;
				margin-block-start: 1em;
				margin-block-end: 1em;
				margin-inline-start: 0;
				margin-inline-end: 0;
				padding-inline-start: 40px;
			}
		}
	}
</style>